.pointsdetails{ position: relative; min-height: 100%;}
.pointsdetails .writing_right{ padding-left: 180px; height: calc(100vh - 210px); position: relative;}

.pointsdetails .TitleList{ padding: 20px; padding-right: 0;}
.pointsdetails .TitleList .TitleList_padding{ background: #f1f5fe; position: fixed; right: 30px; top: 62px; width: calc(100% - 324px); padding: 20px 0px; padding-bottom: 12px;}
.pointsdetails .TitleList .TitleList_top{ background: #fff; border-radius: 4px; padding: 28px; display: flex; align-items: center; justify-content: space-between;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_title{ font-size: 18px; color: #22242c; font-weight: bolder; display: flex; align-items: center; margin-bottom: 20px;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_title span{ display: flex; align-items: center; flex-direction: column; justify-content: center; margin-right: 11px;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_title span::before{ content: ""; display: inline-block; width: 4px; height: 4px; border-radius: 100%; background: #3662eb; margin-bottom: 3px;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_title span::after{ content: ""; display: inline-block; width: 4px; height: 14px; border-radius: 100px; background: #3662eb; margin-bottom: 3px;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt{ display: flex; align-items: center; justify-content: space-between;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd{ display: flex; align-items: center;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list{ display: flex; align-items: center; font-size: 13px; color: #abaeb6; height: 32px; border-radius: 4px; border: 1px solid #dcdee6; padding: 0px 13px; margin-right: 11px; cursor: pointer;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list:last-child{ margin-right: 0;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span{ display: flex; align-items: center; justify-content: center; position: relative; margin-right: 5px; margin-left: 0;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img{ height: 12px;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list span img:last-child{ position: absolute; left: 0; top: 0; opacity: 0;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active{ border: 1px solid #3662eb; background: #3662eb; color: #fff;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img{opacity: 0;}
.pointsdetails .TitleList .TitleList_top .TitleList_top_txt .top_txt_dd .txt_dd_list.active span img:last-child{opacity: 1;}
.pointsdetails .TitleList .pointsdetails_title_right{ display: flex; flex-direction: column; align-items: flex-end;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dd{ display: flex; align-items: center; font-size: 13px; color: #474b5a; margin-bottom: 17px;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dd span{ background: #e8eeff; border-radius: 100px; font-size: 13px; color: #474b5a; height: 24px; padding: 0px 11px; display: flex; align-items: center; margin-left: 2px;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt{ display: flex; align-items: center;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt .el-button{ border: 0; padding: 12px 0px;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt .el-button:hover{ background: #fff;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt span{ display: flex; align-items: center; font-size: 13px; color: #3662eb;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt span i{ margin-right: 7px;}
.pointsdetails .TitleList .pointsdetails_title_right .title_right_dt .right_dt_btn{ margin-left: 20px; width: 110px; height: 34px; border-radius: 4px; font-size: 13px; color: #fff; background: #3662eb; display: flex; align-items: center; justify-content: center; cursor: pointer;}
.pointsdetails .pointsdetails_content{ background: #fff; border-radius: 4px; padding: 28px 0px; margin-top: 146px;}



.pointsdetails .allflow .allflow_content .allflow_content_list{ display: flex; justify-content: space-between; padding: 0px 30px; border-bottom: 1px solid #f2f6fe;}
.pointsdetails .allflow .allflow_content .allflow_content_list .content_list_li{ font-size: 13px; color: #474b5a; padding: 20px 0px; width: 20%;}
.pointsdetails .allflow .page{ margin-top: 25px; padding: 0px 28px;}





























































